import React, { Component, PropTypes } from 'react';
import Module from '../../lib/module';
import { Router, Route, hashHistory } from 'react-router';
import { Row, Col } from 'antd';



class matchRecordTable extends Module{
    constructor(props, context) {
        super(props, context);
        this.state = {
            markData:[1,2,3]
        };
    }




    componentDidMount() {
    }

    componentWillUnmount() {
    }

    goVideo(){
        //this.$router.push()
        hashHistory.push('/gameVideo')
    }



    render() {
        return <div className="match-record-table">
            <Row className="match-record-head">
                <Col span={4}>图2</Col>
                <Col span={4}><ruby>总场次<rt>48</rt></ruby></Col>
                <Col span={4}><ruby>第一名<rt>10</rt></ruby></Col>
                <Col span={4}><ruby>第三名<rt>20</rt></ruby></Col>
                <Col span={8} style={{fontSize:"20px",fontWeight:"600px",marginTop:"20px"}}>最强王者</Col>
            </Row>

            {
                this.state.markData.map((item,index)=>{
                    return <Row className="match-record-contener" onClick={()=>this.goVideo()} key={index}>
                        <Col span={4}>图</Col>
                        <Col span={4}><ruby>NO：8<rt>本场排名</rt></ruby></Col>
                        <Col span={4}><ruby>200<rt>平均心率</rt></ruby></Col>
                        <Col span={4}><ruby>07/10 14:30<rt>比赛时间{item}</rt></ruby></Col>
                        <Col span={8}> > </Col>
                    </Row>
                })
                }


        </div>
    }
}
export default matchRecordTable;